

/* reset */
a,header,li,nav,ul,img{border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ul{list-style:none}

/* menu nav wrapper */
nav{width:100%;margin:0 auto auto 0;position:relative;z-index:99;}

/* menu item */
.sf-menu{text-transform:uppercase;font:bold 15px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sf-menu ul{position:absolute;top:-999em;min-width:100%;background:rgba(250,250,250,0.5);padding:0 0;left:0;height:425px;}
.sf-menu li{float:left;position:relative;width:155px;padding-top:0px;}
.sf-menu li:first-child{border-left:none;}
.sf-menu li.last{border-right:none;}
.sf-menu a{color:#fff;text-decoration:none;display:block;text-align:center;padding:20px 0 21px;}
.sf-menu li:hover ul{top:59px;z-index:99;}
.sf-menu li:hover li ul{top:-999em;}
.sf-menu li:hover li ul li{height:425px;}
.sf-menu li:hover{background:rgba(250,250,250,0.5)}
.sf-menu a:hover strong{color:#fff;}
.sf-menu li li{float:none;background:rgba(250,250,250,0.5);border:none;}
.sf-menu li li a{padding:8px 12px; text-align:left;}

/*fullwidth*/
.sf-menu .fullwidth {}
.sf-menu .fullwidth p {font-size:11px; font-style:italic; text-transform:none; margin: 0 5px 0 5px; color:#ccc;}
.sf-menu .fullwidth p a{font-size:11px!important; line-height:16px!important; text-decoration:none!important; font-style:italic; text-transform:none; margin: 0 5px 0 5px; color:#d1d4d4;}
.sf-menu .fullwidth a{color:red;}
.sf-menu .fullwidth a:hover{color:green;}
.sf-menu .fullwidth li {width:1550px;overflow:hidden;}


/*sub-menu position */
.sf-menu .fullwidth1 {left:-520px; }
.sf-menu .fullwidth2 {left:-640px; }
.sf-menu .fullwidth3 {left:-760px; }
.sf-menu .fullwidth4 {left:-880px; }
.sf-menu .fullwidth5 {left:-1000px; }

/*sub-menu content*/
.sf-menu .fullwidth .box {width:310px; float:left; border-right:1px solid #ccc; margin-left:10px;height: 90%}
.sf-menu .fullwidth .box a {line-height:28px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  text-transform:none;}
.sf-menu .fullwidth .box a:hover {text-decoration:underline;}
.sf-menu .fullwidth .last-box {width:310px; float:left;}
.sf-menu .fullwidth .last-box a {line-height:30px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  text-transform:none;}
.sf-menu .fullwidth .last-box a:hover {text-decoration:underline;}